<!---------------------------------------------------------------------------------
This HTML layout is based on the Consent-O-Matic addon by, released under the MIT License.
Copyright (c) 2019 Janus Bager Kristensen, Rolf Bagge, CAVI

Adapted and updated by Dino Bollinger, 2021-2022

Released under the MIT License, see included LICENSE file.
--------------------------------------------------------------------------------->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="cookieblock_options.css">
</head>
<body>
<div class="header">
    <img src="/icons/cookieblock-128.png">
    <div class="title">
        <h1 id="init_title"></h1>
        <h2 id="init_subtitle"></h2>
    </div>
</div>

<div class="contents">
    <div class="description">
        <p id="setup_greet" style="margin-top: 0em; font-size: 1.75em; font-weight: bold;"></p>
        <p id="setup_desc1" class="overview_description"></p>
        <p id="setup_desc2" class="overview_description"></p>
        <p id="setup_feed1" style="font-weight: bold;">
            Feedback:
            <a id="setup_flink1" style="font-weight: normal" href="https://forms.gle/tL21ruvPZq2q218P8">https://forms.gle/tL21ruvPZq2q218P8</a>
        </p>
        <p id="setup_feed2" style="font-weight: bold;">
            Github:
            <a id="setup_flink2" style="font-weight: normal" href="https://github.com/dibollinger/CookieBlock">https://github.com/dibollinger/CookieBlock</a>
        </p>
        <p id="setup_desc3" class="overview_description"></p>
    </div>
    <hr class="thin">
    <div class="settings_group">
        <fieldset id="consent-preferences" class="preference_form">
            <legend id="cprefs_legend" style="margin-top: .75em;"></legend>
            <div id="cprefs_desc" class="overview_description"></div>

            <input id="nec_checkbox" type="checkbox" class="checkbox disabled" disabled checked>
            <label id="nec_title" for="nec_checkbox" class="catname"></label>
            <div id="nec_desc" class=class_desc></div>
            <hr class="thin">


            <input id="func_checkbox" type="checkbox" class="checkbox" checked>
            <label id="func_title" for="func_checkbox" class="catname"></label>
            <div id="func_desc" class=class_desc></div>
            <hr class="thin">


            <input id="anal_checkbox" type="checkbox" class="checkbox">
            <label id="anal_title" for="anal_checkbox" class="catname"></label>
            <div id="anal_desc" class=class_desc></div>
            <hr class="thin">

            <input id="advert_checkbox" type="checkbox" class="checkbox">
            <label id="advert_title" for="advert_checkbox" class="catname"></label>
            <div id="advert_desc" class=class_desc></div>
            <hr class="thin">
        </fieldset>
        <fieldset id="general-options" class="preference_form">
            <input id="history-consent-checkbox" type="checkbox" class="checkbox">
            <label id="history-consent-title" for="history-consent-checkbox" class="catname"></label>
            <div id="history-consent-desc" class=class_desc></div>

            <div id="classify_title" class="catname missing_checkbox" style="margin-top: 1.25em;"></div>
            <div id="classify_desc" class="class_desc"></div>
            <div class=submit_field>
                <button id="set_policy" type="submit" style="height:100%; width:100%; font:larger ;float:left;"></button>
                <div id="apply_text" class="button_clicktext" hidden></div>
            </div>
        </fieldset>
        <hr class="thick">
    </div>

    <script type="text/javascript" src="/modules/globals.js"></script>
    <script type="text/javascript" src="/options/cookieblock_setup.js"></script>

    </div>
    </body>
</html>
